<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>IFE ECMAScript</title>
		<style>
			select {
				display: none;
			}
		</style>
	</head>

	<body>
		<label>
        <input id="school" name="status" type="radio">
        School
    </label>
		<label>
        <input id="company" name="status" type="radio">
        Company
    </label>
		<select id="school-select">
			<option>北京邮电大学</option>
			<option>黑龙江大学</option>
			<option>华中科技大学</option>
		</select>
		<select id="company-select">
			<option>百度</option>
			<option>爱奇艺</option>
		</select>
		<script type="text/javascript">
			 var school=document.getElementById('school');
			 var company=document.getElementById('company');
			 var sc=document.getElementById('school-select');
			 var cp=document.getElementById('company-select');
			 school.onclick=function(){
			 	sc.style.display='block';
			 	cp.style.display='none';
			 	
			 };
			 
			 company.onclick=function(){
			 sc.style.display='none';
			cp.style.display='block';
			 }
		</script>
	</body>

</html>